<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>积分兑换 - 胎大王</title>
	<meta charset="UTF-8">
	{include file='common/head' /}
	<script src="__JS__/layer/layer.js"></script>
</head>
<body>
<div class="container">
{include file='common/top' /}
	<div class="integral-banner"></div>
	<div class="integral-main">
		<div class="contai">
			<div class="integral-user">
				<div>用户名：{$Think.cookie.userInfo['username']}</div>
				<span class="user-point">我的积分：0</span>
			</div>
			<div class="f-bk30"></div>
			<div class="integral-title"><img src="__IMG__/integral-tit.png" alt="积分兑换专区">积分兑换专区</div>
			<div class="pure-g">
				{empty name="data['productArray']"}
				<div class="pure-u-1-4" >
					<div class="list-con">
						<img src="__IMG__/index-other.jpg" alt="敬请期待">
						<span class="list-con-tit">敬请期待</span>
					</div>
				</div>
				{else /}
				{volist name="data['productArray']" id="v1" }
				<div class="pure-u-1-4" >
					<div class="list-con">
						<img src="{$v1.img}" alt="{$v1.name}">
						<span class="list-con-tit">{$v1.name}</span>
						<div class="list-input">
							<p>{$v1.point}积分 <small>·{$v1.category} ·{$v1.position}</small></p>
							<div class="list-bot">
								<input type="hidden" value="{$v1.id}" name="productId" />
								<input type="hidden" value="{$v1.name}" name="productName" />
								<a data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo" class="fun-bg-main3">立即兑换</a>
							</div>
						</div>
					</div>
				</div>
				{/volist}					
				{/empty}			
			</div>
		</div>
		<span class="f-bk30"></span>
		<div class="shuoming">
			<h3>关于积分商城</h3>
			<p>胎大王积分商城是胎大王为了答谢广大客户长期支持与厚爱而推出的一项客户回馈服务，胎大王积分客户可通过积分商城自助进行积分查询、参与积分活动，并根据自己的积分数量兑换相应价值的各类积分礼品。</p>

			<h3>兑换流程</h3>
			<p>选择积分商品→点击立即兑换→填写收货信息→提交订单</p>

			<h3>如何获取积分</h3>
			<p>在胎大王轮胎直购网购买轮胎可获得相应数量的积分。兑换各类积分商品前，需先了解您的账户积分情况，可在个人中心及积分商城中查看积分余额。</p>

			<h3>如何查询积分详情</h3>
			<p>登录网站后，在个人中心的积分明细中可查询积分获取及使用明细，在兑换记录中可查询历史兑换商品记录。</p>		
		</div>
		<span class="f-bk30"></span>
	</div>
	
	{include file='common/foot' /}
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">

  <div class="modal-dialog" role="document" style="width:800px;">
    <div class="modal-content">
      <div class="btn-info modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="exampleModalLabel">请填写收货信息</h4>
      </div>
      <div class="modal-body">
        <form class="form-horizontal" role="form">
          <div class="form-group">
            <label for="recipient-name" class="control-label">&emsp;联系人:</label>
            <input type="text" class="form-control well" id="modal-name">
          </div>
          <div class="form-group">
            <label for="message-text" class="control-label">联系电话:</label>
            <input type="text" class="form-control well" id="modal-phone">
          </div>
          <div class="form-group">
            <label for="message-text" class="control-label">配送地区:</label>
			<select class="form-control well" style="width:20%;" id="cmbProvince">
			  <option value="">请选择</option>
			</select>
			<select class="form-control well" style="width:20%;display:none;" id="cmbCity">
			</select>
			<select class="form-control well" style="width:20%;display:none;" id="cmbArea">
			</select>
          </div>
          <div class="form-group">
            <label for="message-text" class="control-label">详细地址:</label>
            <input type="text" class="form-control well" id="modal-address">
          </div>
          <div class="form-group">
            <label for="message-text" class="control-label">兑换数量:</label>
            <span class="numDown" >&nbsp;-&nbsp;</span>
			<input type="text" class="form-control well" style="width:40px;" id="modal-quantity" value="1" />
			<span class="numUp">&nbsp;+&nbsp;</span>
          </div>
          <div class="form-group">
            <label for="message-text" class="control-label">兑换产品:</label>
            <input type="text" class="form-control well" id="product-msg" value="" disabled />
          </div>
		  <input type="hidden" name="areaId"  id="areaId" value="" />
		  <input type="hidden" name="productId"  id="productId" value="" />
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary modal-submit">确定</button>
      </div>
    </div>
  </div>
</div>
</div>
{include file='common/back' /}
<script>
$(function(){
	$('.list-con').hover(function(){
		$(this).find('.list-input').css('display','block');
	},function(){
		$(this).find('.list-input').css('display','none');
	});


});
</script>
<script src="__JS__/integral-list-min.js"></script>
</body>
</html>